﻿body { }
/*Begin 右侧固定*/
.rnfloatBox.floatBox { position: fixed; top: 50%; right: 66px; margin-top: -115px; z-index: 11; }

    .rnfloatBox.floatBox li { width: 45px; height: 45px; background-color: #c2cad4; margin-bottom: 1px; position: relative; }

.rnfloatBox .floatBoxItem1 img { margin-left: 7px; margin-top: 12px; }

.rnfloatBox .floatBoxItem2 img { margin-left: 10px; margin-top: 9px; }

.rnfloatBox .floatBoxItem3 img { margin-left: 8px; margin-top: 8px; }

.rnfloatBox .floatBoxItem4 img { margin-left: 8px; margin-top: 11px; }

.rnfloatBox.floatBox li:hover, .floatBox .on { background-color: #336666; }

.rnfloatBox.floatBox li a { outline: medium; }

.rnfloatBox.floatBox li .on1 { display: none; position: absolute; }

.rnfloatBox.floatBox li:hover .on1 { display: block; }

.rnfloatBox.floatBox .wechat { left: -87px; top: -16px; }

.rnfloatBox .phoneNumber { top: 0; height: 45px; left: -110px; line-height: 45px; color: #FFF; font-family: \5FAE\8F6F\96C5\9ED1; font-size: 14px; background-color: #336666; padding: 0 4px; }

.rnfloatBox .wechat s { width: 5px; height: 8px; background: url(../images/icon-tarrow-right.png) no-repeat 0 0; position: absolute; right: -5px; top: 37px; }

.rnfloatBox .phoneNumber s { width: 5px; height: 8px; background: url(../images/icon-tarrow-right.png) no-repeat 0 0; position: absolute; top: 18px; right: -5px; }
/*End 右侧固定*/




.head .phonenav ul li:hover > a { background: #336666; }

.foot .footinner .foot-top ul li a:hover, .foot .footinner .foot-top .foot-top-right a:hover { color: #336666; }

.wrap { position: relative; }

.head { position: relative; z-index: 14; }

    .head .headbg { position: fixed; top: 0; left: 0; width: 100%; height: 74px; background: rgba(0, 0, 0,0.5); }

        .head .headbg .indexhead {position:relative; }

            .head .headbg .indexhead .indexhead-logo { display: block; float: left; width: 18.4%; max-width:154px; height: 74px; }

            .head .headbg .indexhead .w1000nav { display: block; float: right; width: 690px;  }

                .head .headbg .indexhead .w1000nav>li { position: relative; float: left; }

                    .head .headbg .indexhead .w1000nav li a { display: block; padding: 24.5px 10px; font-family: 'Microsoft YaHei'; font-size: 16px; line-height: 25px; color: #fff; }
.head .headbg .indexhead .language-switch{display: block; float: right; width: 70px; position:absolute; right:-20px; bottom:28px;}
            .head .headbg .indexhead .language-switch a{float:left; width: 35px;font-family: 'Microsoft YaHei'; font-size: 12px; color: #fff; }


                .head .headbg .indexhead .w1000nav .painnernav { display:none;  position: absolute; top: 73px; left: 0;  border-top: none; background: #fff; width:100%; }

                    .head .headbg .indexhead .w1000nav .painnernav li { text-align: center; padding:0 5px; }

                        .head .headbg .indexhead .w1000nav .painnernav li a { text-align: center;  border-top: 1px solid #336666; display: block; font-size: 14px; line-height: 20px; color: #333; padding: 8px 0;}

                        .head .headbg .indexhead .w1000nav .painnernav li:first-child a { border-top: none; }

            .head .headbg .indexhead .menu { display: none; float: right; margin-top: 18px; }
.head .headbg .indexhead .menu  span{font-size:12px;color:#fff;opacity:0.8;}

    .head .phonenav { display: none; position: fixed; top: 74px; right: 3%; display: none; float: right; }

        .head .phonenav ul { width: 85px; }

            .head .phonenav ul li { position: relative; width: 85px; height: 25px; overflow: hidden; background: rgba(0,0,0,0.6); }

                .head .phonenav ul li a { display: block; font-family: 'Microsoft YaHei'; font-size: 14px; line-height: 25px; text-align: center; color: #fff; }
        .head .phonenav .innerphonenav { display: none; position: absolute; right: 85px; top: 0px; }
    .head .headbg .indexhead .w1000nav li:hover { background: rgba(46,102,111,0.7); }
.head .headbg .indexhead .w1000nav li.active { background: rgba(46,102,111,0.7); }
    .head .headbg .indexhead .w1000nav .painnernav li:hover { background: none; color: #336666; }
        .head .headbg .indexhead .w1000nav .painnernav li:hover a { background: #fff; color: #336666; }
.indexmain { padding-bottom: 0px; }

.main .main-text {display:none; position: absolute;left:20%; top: 35%; right: 8%; font-family: 'Microsoft YaHei'; font-size: 49px; color: #fff; line-height: 55px; z-index: 13; text-align:right;}

.main .mainSlide { position: relative; }

    .main .mainSlide .slideimg1, .main .mainSlide .slideimg2, .mainSlide .slideimg3 { display: block; width: 100%!important; height: 100%!important; background-size: cover; }

    .main .mainSlide .slidesjs-pagination { position: absolute; z-index: 10; bottom: 75px; left: 48%; }

        .main .mainSlide .slidesjs-pagination li { float: left; width: 35px; }

            .main .mainSlide .slidesjs-pagination li a { display: block; width: 12px; height: 12px; text-align: center; font-size: 0px; background: url(../images/icodian_03.png) no-repeat;background-size:100%; }

            .main .mainSlide .slidesjs-pagination li .active,.main .mainSlide .slidesjs-pagination li a:HOVER { background: url(../images/icobgdian_03.png) no-repeat;background-size:100%; }


.main .mainSlide .slidesjs-stop,.main .mainSlide .slidesjs-play{ display:none !important;}


.foot { width: 100%; height: 68px; background: #7f7f7f; z-index: 11; }
.indexfoot { background: rgba(0, 0, 0,0.5); }

.foot .footinner { }

    .foot .footinner .foot-top { display: block; margin-top: 10px; }

        .foot .footinner .foot-top ul { float: left; }

            .foot .footinner .foot-top ul li {width: auto; float: left; padding-left:6px; padding-right:3px;background: url(../images/icoleftborder_03.png) left no-repeat;}

                .foot .footinner .foot-top ul li a { display: block; font-family: SimSun; font-size: 12px; color: #fff; line-height: 20px; text-align: center;}



        .foot .footinner .foot-top .foot-top-right { float: right; font-family: SimSun; font-size: 12px; line-height: 20px; color: #fff; }

            .foot .footinner .foot-top .foot-top-right a { font-size: 12px; color: #fff; line-height: 20px; }

    .foot .footinner .foot-bottom { font-family: SimSun; font-size: 12px; line-height: 20px; color: #fff; text-align: center; margin-top: 5px; }

.vjs-poster{background-size:100%!important;}
.vjs-big-play-button{}
@media (max-width: 1000px) {
    .head .headbg { background: rgba(0, 0, 0,0.5); }

        .head .headbg .indexhead .w1000nav { display: none; }

        .head .headbg .indexhead .menu { display: block; }

      .head .headbg .indexhead{ width:94%; margin:0 auto;}

     .head .phonenav { display: none; }

.main .main-text{ margin-left:25px; }
.head .headbg .indexhead .language-switch{ left:20%; top:0px; line-height:80px;}
    .foot .footinner { width: 94%; margin: 0 auto; }
}

@media (max-width: 768px) {
  .rnfloatBox.floatBox{display:none;}
    .head .headbg { height: 33px; width:100%;}

        .head .headbg .indexhead .indexhead-logo { height: 33px;width:12%; }
 .head .headbg .indexhead .language-switch{  line-height:33px; }
            .head .headbg .indexhead .language-switch a{line-height:33px; }

        .head .headbg .indexhead .menu { margin-top: 3px; }
   

    .head .phonenav { top: 33px; position: fixed; }

    .indexfoot { height: 26px; }

    .foot .footinner .foot-top { display: none; }

    .foot .footinner .foot-bottom span { display: none; }

    .main .main-text { font-size: 22px; top: 45%; right: 8%; }
.main .main-text.cnPhone{left:0; right: 1%; width:90%; overflow: hidden; display: -webkit-box;  text-overflow: ellipsis; -webkit-box-orient: vertical; -webkit-line-clamp: 1;}
    .main .mainSlide .slidesjs-pagination { bottom: 35px; left: 40%; }


            .main .mainSlide .slidesjs-pagination li {  width: 20px; }

            .main .mainSlide .slidesjs-pagination li a { width: 8px; height: 8px; }

.head .headbg .indexhead .language-switch{ left:15%; top:2px; line-height:33px;}
}

@media (max-width: 480px) {
         .head .headbg .indexhead .indexhead-logo { width:22%; }
.head .headbg .indexhead .language-switch{ left:25%; top:0px; line-height:35px;}
.main .main-text{line-height:30px;}

}























































